<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跑马灯</title>
</head>
<body>
<h2 id="txt001" style="text-align: center;color: red">欢迎各位访问本网站</h2>
<script type="text/javascript">
    function f001() {
        //1.去html中找到某个标签获取它的内容（DOM）
        var tag = document.getElementById("txt001");
        var dataString = tag.innerText;
        // var a = document.getElementById("txt001").innerText;可以链式调用
        // console.log(data);

        //2.动态起来，把文本的第一个字符放在字符串的最后面
        var firstChar = dataString[0];
        var otherChar = dataString.substring(1, dataString.length);
        var newText = String(otherChar + firstChar);

        // console.log(newText);
        //3.在html中更新内容
        tag.innerText = newText;
    }
    //JS中定时器
    setInterval(f001,1000);//意思是每秒执行一次
</script>

</body>
</html>